<template>
    <div class="search-head">
        <div class="search-btn" @click="search">查询</div>
    </div>
</template>

<script setup lang="js">

const emits = defineEmits(["handleSearch"])

const search = () => {
    emits("handleSearch")
}

</script>
<style scoped lang="scss">
.search-head {
    padding-left: vw(30);
    padding-right: vw(10);
    height: vh(87);
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-image: linear-gradient(90deg, rgba(148, 162, 113, 0), rgba(118, 122, 106, 1), rgba(148, 162, 113, 0)) 1 1;

    .search-btn {
        width: vw(127);
        height: vh(40);
        background: #B3DD4D;
        border-radius: vw(8);
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: vw(20);
        color: #000000;
        text-align: center;
        line-height: vh(40);
        cursor: pointer;
    }
}
</style>